﻿<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>${college.college_name }-${sysDesc}</title>
<link rel="stylesheet" type="text/css" href="/css/semantic.css">
<link rel="stylesheet" type="text/css" href="/css/common.css">
<link rel="stylesheet" type="text/css" href="/css/morris.css">

<style type="text/css">
	@media only screen and (max-width: 767px) {
				#secondMenuLaunch {
					display:inline-block;
				}
				#collegeSecondLeftMenu {
					display:none;
				}
			}
			
</style>

<script src="/js/jquery.min.js"></script>
<script src="/js/semantic.js"></script>
<script src="/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>

<script src="/js/raphael-2.1.0.min.js"></script>
<script src="/js/morris.min.js"></script>

<script src="/js/graph.js"></script>
<script src="/js/college.js"></script>

</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<c:import
			url="../common/school_header.jsp?college_id=${college.college_id }&college_name=${college.college_name }&english_name=${college.collegeDetailVO.english_name }&q211=${college.qualification_211 }&q985=${college.qualification_985 }&qy=${college.qualification_graduate }"></c:import>
		<div id="schoolbodysegment" class="ui vertical masthead segment">
			<div class="ui container">
				<div class="ui stackable grid">
					<div class="three wide column"></div>
					<div class="thirteen wide column">
						<div class="ui basic segment" id="schoolmaincontent">
							<div class="r_adress">
								<div class="schInfoSubT">
									<a name="1">&nbsp;</a>历年最高分最低分
								</div>
								<div class="ui raised padded right aligned  segment">
									<div id="batchDrop" class="ui selection dropdown">
										<i class="dropdown icon"></i>
										<div id="batch" class="text">${batchs[0]}</div>
										<div class="menu">
											<c:forEach var="item" items="${batchs }" varStatus="status">
												<div
													class='<c:if test="${status.first }">active</c:if> item'>${item }</div>
											</c:forEach>
										</div>
									</div>

									<div id="subjectDrop" class="ui selection dropdown">
										<i class="dropdown icon"></i>
										<div id="subject" class="text"></div>
										<div class="menu"></div>
									</div>
									<div class="ui basic padded center aligned segment">
										<div id="score_line"></div>
										<script>
											window.graph.allData = '${allData}';
										</script>
										<p style="color: #999; font-size: 10px;">2013-2015年历年录取分数图表</p>
									</div>

								</div>
								<div class="schInfoSubT">
									<a name="2">&nbsp;</a>历年录取人数
								</div>
								<div class="ui raised padded right aligned  segment">
									<div id="batchDrop1" class="ui selection dropdown">
										<i class="dropdown icon"></i>
										<div id="batch1" class="text">${batchs[0]}</div>
										<div class="menu">
											<c:forEach var="item" items="${batchs }" varStatus="status">
												<div
													class='<c:if test="${status.first }">active</c:if> item'>${item }</div>
											</c:forEach>
										</div>
									</div>
									<div id="subjectDrop1" class="ui selection dropdown">
										<i class="dropdown icon"></i>
										<div id="subject1" class="text"></div>
										<div class="menu"></div>
									</div>
									<div class="ui basic padded center aligned segment">
										<div id="enroll-bar"></div>
										<p style="color: #999; font-size: 10px;">2013-2015年历年录取人数图表</p>
									</div>
								</div>
								<div class="schInfoSubT">
									<a name="3">&nbsp;</a>历年报考人数
								</div>
								<div class="ui stackable two column grid">
									<div class="column">
										<div class="ui raised very padded center aligned segment">
											<div id="bar-graph"></div>
											<p style="color: #999; font-size: 10px;">报考热度</p>
										</div>
									</div>
									<div class="column">
										<div class="ui raised very padded center aligned segment">
											<div id="bar-graph1"></div>
											<p style="color: #999; font-size: 10px;">男女生比例</p>
										</div>
									</div>
									<script>
										window.graph.girlRate = '${girlRate}';
										window.graph.boyRate = '${boyRate}';
										window.graph.applyTotal = '${applyTotal}';
										window.graph.enrollTotal = '${enrollTotal}';
									</script>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- content container end -->
		</div>
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- main end -->
</body>
</html>
